<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="keywords" content="云净,透析单,网页透析" />
    <meta http-equiv="description" content="云净透析单" />
    <link href="../../image/yunjing/logo.ico" type="image/x-icon" rel="shortcut icon">
    <title>位点标记操作说明</title>
    <style>
        
    </style>
</head>

<body>
    <div id="wd_operation_wrapper" style="position:relative;">
    	<style>
    	#wd_operation_wrapper{
    		padding:20px 6px;
            width: 960px;
            margin: 0 auto;
    	}
    	p.text-operation{
    		font-size:20px;
    		line-height:32px;
    	}
        div.img-operation {
            padding: 20px 10px;
            zoom:1;
            border-bottom:1px solid #f2f3f4;
        }
        .img-operation:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
		div.part{
			padding:30px 0 16px 0;
		}
        div.img-operation img {
            width: 100%;
            max-width: 100%;
            display:block;
            margin:0 auto;
            border: 1px solid #e7e7e7;
            border-radius:3px;
        }
        div.img-operation img.mtx {
            width: 48%;
            height:auto;
            display:block;
            float:left;
            margin-right:1%;
        }
        #operation_wrap *{
        	font-family: 宋体;
        }
        #operation_wrap .dic-num{
        	display:inline-block;
        	font-weight:600;
        	width:24px;
        	text-align:left;
        	margin-left: 16px;
        }
        #operation_wrap .mtx-img{
        	width:360px !important;
        	margin: 0;
        }
        .clear,
		.clearfix:after {
		  clear: both;
		  height: 0;
		  line-height: 0;
		  visibility: hidden;
		  overflow: hidden;
		  display: block;
		}
		
		.clearfix:after {
		  visibility: hidden;
		  content: ".";
		}
		
		.clearfix {
		  *zoom: 1;
		}
		
		.fl {
		  float: left;
		}
		
		.fr {
		  float: right;
		}
		.blue-color{
			color:#2196f3;
			font-weight: 600;
		}
		.red-color{
			color:red;
			font-weight: 600;
		}
    </style>
    <div id="operation_wrap">
        <p style="text-align: center;height: 40px;line-height: 40px;font-size: 24px;">操作说明</p>
        <div class="part">
            <p class="text-operation"><span class="dic-num">1.</span>血管通路位点标记处，系统提供默认图片，可在默认图片上标记位点，默认图片不适用时，点击【更换图片】按钮，更换通路图片,更换图片后，原来的位点标记将清空。</p>
            <p class="text-operation blue-color"><span class="dic-num">*</span>手机/平板也能上传图片，在开始透析和治疗小结处，如下图；即拍即用，非常便捷。</p>
        </div>
        <div class="img-operation clearfix">
            <img class="mtx-img fl" src="https://biangene.oss-cn-shenzhen.aliyuncs.com/xgtl/1162/xgtl_operation_01.png" alt="" >
            <img class="mtx-img fr" src="https://biangene.oss-cn-shenzhen.aliyuncs.com/xgtl/1162/xgtl_operation_02.png" alt="" >
        </div>
        <!-- <div class="part">
            <p class="text-operation"><span class="dic-num">2.</span>传图完成后，点击【添加/修改位点标记】，进入编辑状态。</p>
        </div>
        <div class="img-operation">
            <img src="https://biangene.oss-cn-shenzhen.aliyuncs.com/xgtl/1162/xgtl_operation03.png" alt="">
        </div> -->
        <div class="part">
            <p class="text-operation"><span class="dic-num">2.</span>点击【添加/修改位点标记】，进入编辑状态，点击表格中的位点，在图片上添加位点，将位点拖拽至适当位置，<strong>右键长按图中的位点标记，调整杆的方向，</strong>点击【添加文本】可以添加文本标注。点击【保存】，保存本次的操作。
            	<br>
            	<span style="color:red;">* 再次点击表格中的位点，可以清除图片中的位点标记。</span>
            	<br>
            	<span style="color:red;">* A端为红色位点 &nbsp;&nbsp; V端为蓝色位点</span>
            </p>
        </div>
        <div class="img-operation">
            <img src="https://biangene.oss-cn-shenzhen.aliyuncs.com/xgtl/1162/xgtl_operation_04.png?tag=20170409" alt="">
        </div>
        <div class="part">
            <p class="text-operation"><span class="dic-num">3.</span>开始透析时，穿刺方式选择【绳梯法】，可看到【穿刺位点】，选择其他穿刺方式，可查看通路图片。</p>
        </div>
        <div class="img-operation clearfix">
            <img class="mtx-img fl" src="https://biangene.oss-cn-shenzhen.aliyuncs.com/xgtl/1162/xgtl_operation_05.png" alt="">
            <img class="mtx-img fr" src="https://biangene.oss-cn-shenzhen.aliyuncs.com/xgtl/1162/xgtl_operation_06.png" alt="">
        </div>
        <div class="part">
            <p class="text-operation"><span class="dic-num">4.</span>点击【穿刺位点】，进入位点选择页面，系统默认选中上次使用位点的下一个位点，可以点击图片上的位点修改。图片下方可以查看历史位点记录和透前透后的内瘘并发症。
            	<p class="text-operation red-color"><span class="dic-num">*</span>点击【更换图片】可更换通路图片,更换图片后，原来的位点标记将清空。</p>
            	<p class="text-operation blue-color"><span class="dic-num">*</span>下方为位点记录列表，可以查看历史位点记录和透前透后的内瘘并发症。</p>
            </p>
        </div>
        <div class="img-operation clearfix">
            <img class="mtx-img fl" src="https://biangene.oss-cn-shenzhen.aliyuncs.com/xgtl/1162/xgtl_operation_07.png?tag=20160314" alt="">
            <img class="mtx-img fr" src="https://biangene.oss-cn-shenzhen.aliyuncs.com/xgtl/1162/xgtl_operation_08.png?tag=20160314" alt="">
        </div>
        <div class="part">
            <p class="text-operation"><span class="dic-num">5.</span>选择位点后，点击开始透析-【确认】，生成一条位点记录。</p>
        </div>
        <div class="img-operation">
            <img class="mtx-img" src="https://biangene.oss-cn-shenzhen.aliyuncs.com/xgtl/1162/xgtl_operation09.png" alt="">
        </div>
        <div class="part">
            <p class="text-operation"><span class="dic-num">6.</span>治疗小结可查看本次透析的穿刺位点，开始透析如果有错误，可以在治疗小结修改，修改后，点击治疗小结的【确认】按钮，保存本次修改，并且生成的记录会同步修改。</p>
        </div>
        <div class="img-operation">
            <img class="mtx-img" src="https://biangene.oss-cn-shenzhen.aliyuncs.com/xgtl/1162/xgtl_operation10.png" alt="">
        </div>
    </div>
    </div>
</body>

</html>